$(function () {
    //声明所有的电子邮件变量
    var mail = new Array("");
    window.sessionid = localStorage.getItem("sessionid");
    window.baseUrl = localStorage.getItem("baseUrl");
    // $.ajax({
    //     type: "POST",
    //     url: window.baseUrl + "/xunyitang/westMedical/medicallist?jsessionid=" + window.sessionid,
    //     contentType: "application/x-www-form-urlencoded",
    //     data: { keyword: "", type: "keli" },
    //     dataType: "json",
    //     async: false,
    //     beforeSend: function (request) {
    //         request.setRequestHeader("Token", localStorage.getItem("Authorization"));
    //     },
    //     success: function (data) {
    //         if (null != data && null != data.rows) {

    //             for (var i = 0; i <data.rows.length; i++) {
    //                 var madicall = data.rows[i];
    //                 var liElement = $('<li class="autoli"><span class="tail">' + madicall.name + '</span></li>');
    //                 liElement.appendTo(".xyt_medical_list");
    //             }
    //         }

    //     },
    //     error: function (data) {
    //         window.location.href = "../index.html";
    //     }
    // });
    //生成一个个li，并加入到ul中
    // for(var i=0;i<mail.length;i++){
    // var liElement=$("<li class=\"autoli\"><span class=\"ex\"></span><span class=\"at\">@</span><span class=\"tail\">"+mail[i]+"</span></li>");
    // liElement.appendTo(".xyt_medical_list");
    // }

    function checkRate(inputvalue) {
        var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ 

        if ( !re.test(inputvalue)) {
            alert("请输入数字");
            return false;
        } else {
            return true;
        }
    }
    //首先让list隐藏起来
    $(".xyt_medical_list").hide();
    $("#email").keyup(function (event) {
        //键入的内容不是上下箭头和回车
        if (event.keyCode != 38 && event.keyCode != 40 && event.keyCode != 13) {
            //如果输入的值不是空或者不以空格开头
            if ($.trim($(this).val()) != "" ) {
                $(".xyt_medical_list").show();
                //如果当前有已经高亮的下拉选项卡，那么将其移除
                // if ($(".xyt_medical_list li:visible").hasClass("lilight")) {
                //     $(".xyt_medical_list li").removeClass("lilight");
                // }
                // //如果还存在下拉选项卡，那么将其高亮
                // if ($(".xyt_medical_list li:visible")) {
                //     $(".xyt_medical_list li:visible:eq(0)").addClass("lilight");
                // }
            } else {
                //否则不进行显示
                $(".xyt_medical_list").hide();
                $(".xyt_medical_list li").removeClass("lilight");
            }

                var tail = $(this).val().toUpperCase();

                $.ajax({
                    type: "POST",
                    url: window.baseUrl + "/xunyitang/westMedical/medicallist?jsessionid=" + window.sessionid,
                    contentType: "application/x-www-form-urlencoded",
                    data: { keyword: tail, type: "keli" },
                    dataType: "json",
                    async: false,
                    beforeSend: function (request) {
                        request.setRequestHeader("Token", localStorage.getItem("Authorization"));
                    },
                    success: function (data) {
                        if (null != data && null != data.rows) {
                            $(".xyt_medical_list").empty();
                            for (var i = 0; i <data.rows.length; i++) {
                                var madicall = data.rows[i];
                                var liElement = $('<li class="autoli"><span class="tail">' +madicall.name + '</span><span class="tail-id" style="display:none">' +madicall.id + '</span><span class="tail-dosage" style="display:none">' +madicall.dosage + '</span><span class="tail-price" style="display:none">' +madicall.price + '</span</li>');
                                liElement.appendTo(".xyt_medical_list");
                            }

                                //当鼠标点击某个下拉项时，选中该项，下拉列表隐藏
                            $(".xyt_medical_list li").click(function () {
                                // $("#email").val($(this).text());
                                // $(".xyt_medical_list").hide();

                                var tempid=$(".xyt_medical_list li.lilight:visible .tail-id").text();
                                var tempdosage=$(".xyt_medical_list li.lilight:visible .tail-dosage").text();
                                var tempprice=$(".xyt_medical_list li.lilight:visible .tail-price").text();
                                $("#email").parent().parent().before('<tr><td class="span-perscrpt-id" style="display:none">' +tempid + '</td><td></td><td class="perscript-name-td">'+$(".xyt_medical_list li.lilight:visible .tail").text()+'</td><td class="count-td"><input style="width: 50px;" class="count-input"></input></td><td>'+tempdosage+'</td><td><input class="remark-input"></input></td><td class="price-td">'+tempprice+'</td><td class="total-price-td"></td><td><button type="button" class="add-2 add-class-'+tempid+'"></button><button  type="button" class="add-3 remove-class-'+tempid+'"></button></td></tr>');
                                
                                $("#email").val("");
                                $(".count-input").focus();      
                    
                                $(".count-input").on(" input propertychange", function () {
                                    var keyword = $(".count-input").val();
                                    if(keyword!=null && keyword.length>0 && checkRate(keyword)==true){
                                        var price=$(this).parent().parent().children(".price-td").text();
                                        $(this).parent().parent().children(".total-price-td").text((keyword*price).toFixed(2));
                                    }else{
                                        $(this).parent().parent().children(".total-price-td").text("");
                                    }
                                });
                                $(".add-class-"+tempid).click(function(){
                                    var tempid=$(this).parent().parent().children(".span-perscrpt-id").text(); 
                                    var tempname=$(this).parent().parent().children(".perscript-name-td").text(); 
                                    var tempcount=$(this).parent().parent().children(".count-td").children(".count-input").val(); 
                                    $("#perscript-list-ul").append('<li class="lf-tab2"><span style="width: 100px;">'+tempname+'</span><span style="width: 10px; float: right;">g</span><span style="width: 20px; float: right; text-align: right;"><input value="'+tempcount+'"  style="width: 20px; height:30px;" readonly></input></span> <input value="'+tempid+'"  style="display:none;"></input></li>');
                                });
                                $(".remove-class-"+tempid).click(function(){
                                    var tempid=$(this).parent().parent().children(".span-perscrpt-id").text();
                                    $("#perscript-list-ul li input[value='"+tempid+"']").parent().remove();
                                    $(this).parent().parent().empty();
                                });

                                $(".xyt_medical_list").hide();

                            });
                            //当鼠标划过某个下拉项时，选中该项，下拉列表隐藏
                            $(".xyt_medical_list li").hover(function () {
                                $(".xyt_medical_list li").removeClass("lilight");
                                $(this).addClass("lilight");
                            });
                        }
            
                    },
                    error: function (data) {
                        parent.ymPrompt.doHandler('close');
						window.location.href = "../index.html";
                    }
                });


                // var isfrist=true;
                // $(".xyt_medical_list li .tail").each(function () {
                //     var tempTail=$(this).text();
                //     //如果数组中的元素是以文本中的后缀开头，那么就显示，否则不显示
                //     if ( tempTail.indexOf(tail) >= 0){
                //          //显示所在的li
                //         $(this).parent().show();
 
                //     } else {
                //         //隐藏其他的li
                //         $(this).parent().hide();
                //     }
                // });
            //如果当前有已经高亮的下拉选项卡，那么将其移除
            if ($(".xyt_medical_list li:visible").hasClass("lilight")) {
                $(".xyt_medical_list li").removeClass("lilight");
            }
            //如果还存在下拉选项卡，那么将其高亮
            if ($(".xyt_medical_list li:visible")) {
                $(".xyt_medical_list li:visible:eq(0)").addClass("lilight");
            }
            
        }
        //按了回车时，将当前选中的元素写入到文本框中
        if (event.keyCode == 13) {
            var tempid=$(".xyt_medical_list li.lilight:visible .tail-id").text();
            var tempdosage=$(".xyt_medical_list li.lilight:visible .tail-dosage").text();
            var tempprice=$(".xyt_medical_list li.lilight:visible .tail-price").text();
            $(this).parent().parent().before('<tr><td class="span-perscrpt-id" style="display:none">' +tempid + '</td><td></td><td class="perscript-name-td">'+$(".xyt_medical_list li.lilight:visible .tail").text()+'</td><td class="count-td"><input style="width: 50px;" class="count-input"></input></td><td>'+tempdosage+'</td><td><input class="remark-input"></input></td><td class="price-td">'+tempprice+'</td><td class="total-price-td"></td><td><button type="button" class="add-2 add-class-'+tempid+'"></button><button  type="button" class="add-3 remove-class-'+tempid+'"></button></td></tr>');
            
            $("#email").val("");
            $(".count-input").focus();      

            $(".count-input").on(" input propertychange", function () {
                var keyword = $(".count-input").val();
                if(keyword!=null && keyword.length>0 && checkRate(keyword)==true){
                    var price=$(this).parent().parent().children(".price-td").text();
                    $(this).parent().parent().children(".total-price-td").text((keyword*price).toFixed(2));
                }else{
                    $(this).parent().parent().children(".total-price-td").text("");
                }
            });
            $(".add-class-"+tempid).click(function(){
                var tempid=$(this).parent().parent().children(".span-perscrpt-id").text(); 
                var tempname=$(this).parent().parent().children(".perscript-name-td").text(); 
                var tempcount=$(this).parent().parent().children(".count-td").children(".count-input").val(); 
                $("#perscript-list-ul").append('<li class="lf-tab2"><span style="width: 100px;">'+tempname+'</span><span style="width: 10px; float: right;">g</span><span style="width: 20px; float: right; text-align: right;"><input value="'+tempcount+'"  style="width: 20px; height:30px;" readonly></input></span> <input value="'+tempid+'"  style="display:none;"></input></li>');
            });
            $(".remove-class-"+tempid).click(function(){
                var tempid=$(this).parent().parent().children(".span-perscrpt-id").text();
                $("#perscript-list-ul li input[value='"+tempid+"']").parent().remove();
                $(this).parent().parent().empty();
            });
            $(".xyt_medical_list").hide();
        }
    });
//监听上下方向键
    $("#email").keydown(function (event) {
        //下方向键按下了
        if (event.keyCode == 40) {
            if ($(".xyt_medical_list li").is(".lilight")) {
                if ($(".xyt_medical_list li.lilight").nextAll().is("li:visible")) {
                    $(".xyt_medical_list li.lilight").removeClass("lilight").next("li").addClass("lilight");
                }
            }
        }
        //上方向键按下了
        if (event.keyCode == 38) {
            if ($(".xyt_medical_list li").is(".lilight")) {
                if ($(".xyt_medical_list li.lilight").prevAll().is("li:visible")) {
                    $(".xyt_medical_list li.lilight").removeClass("lilight").prev("li").addClass("lilight");
                }
            }
        }
    });

    //当鼠标点击其他位置，下拉列表隐藏
    $(document).click(function () {
        $(".xyt_medical_list").hide();
    });
});
